/* styles.css */
.list_box {
    width: 300px; /* 容器宽度 */
    border: 1px solid #ccc; /* 边框 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 相对定位 */
}

.scroll_box {
    overflow-y: auto; /* 纵向滚动 */
    position: relative; /* 相对定位 */
}

.scroll_hold {
    width: 100%; /* 占满宽度 */
}

.context {
    position: absolute; /* 绝对定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    right: 0; /* 右侧对齐 */
}

.list {
    height: 60px; /* 每个 item 的高度 */
    display: flex; /* 使用 flexbox */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    border-bottom: 1px solid #eee; /* 分隔线 */
    background-color: #f9f9f9; /* 背景色 */
    transition: background-color 0.3s; /* 背景色过渡效果 */
}

.list:hover {
    background-color: #e0e0e0; /* 悬停时的背景色 */
}